<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="shortcut icon" href="r/cms/portal_wai/pc/img/favicon.ico">
    <meta name="SiteName"
          content="中华人民共和国深圳海事局门户网站">
    <meta name="SiteDomain"
          content="www.sz.msa.gov.cn">
    <meta name="SiteIDCode"
          content="BM19140002">
    <meta name="keywords"
          content="中华人民共和国深圳海事局门户网站">
    <meta name="description"
          content="  中华人民共和国深圳海事局是对深圳辖区水上交通安全实施监督管理的主管机关。负责辖区水上交通安全和防止船舶污染工作，同时承担深圳海救分中心日常事务，实行交通运输部和深圳市政府（受广东省政府委托）双重领导、以交通运输部为主的管理体制。  中华人民共和国深圳海事局门户网站包括：新闻动态、信息公开、政务服务、互动交流、特色专题等内容，第一时间发布与深圳海事局相关的信息和政策文件，同时面向社会提供与深圳海事局业务相关的服务，建设基于互联网的政府与公众互动交流新渠道。">


    </script>
    <meta id="5aQn3TFocxE4"
          content="iIvJHAWeRr0fId07orU5PvOsmz6pXh__PiZ5HourRQBWUUpr7NwVNyuwdALKP8lV4XHctGPbvW7_75ZzhxZCCkbKtZecYLxOcwYMw.zrCMzeZxYOOvI3Pa"
          r='m'>
    <!--[if lt IE 9]>
    <script r='m'>document.createElement("section")</script><![endif]-->
    <script type="text/javascript" r='m'>$_ts = window['$_ts'];
    if (!$_ts) $_ts = {};
    $_ts.nsd = 54577;
    $_ts.cd = "qtYxrrAltsqDJaGhqkqlWqVbhuqqxOGmcaq5rOqoxPZhqkqmWqEbhuqrtkGcrqV.cqAbcaqaqOqkxPlhqkqrWq3bhuqmxOGccaq5quqqxPZhqkqDDclYr17xcPGhqkqmWqEbha7qWqqaq1GBcaq3EALarn3grq7qWqV5qP3BWqqaqs7.cGAGcaqacuqcxPZhqkqqWqlbha7qWq9arc3BWqWbiqAaqc97buV0ruAuJmYv9lGavHhbayZTB88H.aiaqdZ9TzWdvbZUIWrLJgMwPtZs.kaSmqa0APelXJTYyaDRqP5oxYSdE4wjMlzURsrNdoN1ICr6sCUYW00Tw63biZx3Wc9Gx1GaSmg7xumOF9B8KKAnMbYzF_l4pTwWIOSgu0APHT2QJcC4E1aTUTLLE_rbA9J_tYzi_0g0wb2iYlB0Jlfiwb3biZx3Wc9Gx1GySmg7x0J5AssDM9SFQC2VszYBYuYnQUxpT0EPHT2QJcC4E1auUTLLEeeE3CfJUvVTZb3SJkNSYDbjJ0zFs93biZx3Wc9Gx1G0Smg7xTJLAmII1DSURCr5WQT7QDe9VmxmjVAPHT2QJcC4E1aCUTLLEdfmpUTJAbTX4sQaFKYTwl.5woNiV03biZx3Wc9Gx1GTSmg7xCf23KUh86po12xSABms39JfMopSLKEPHT2QJcC4E1a6UTLLEdJyAKmoFCeD0T2oVuNBI9hxw9Rei9qbiZx3Wc9Gx1GCSmyetKSnFDCTKm7Thb2SMIVBMvrXFnfB4De7tKSnFD6lhT7Thb2SMIVBMvrXFnfB4De7tKSnFD6lhT7Thb2SMIVBMvrXFnfB4De7tKSnFD6lhT7Thb2SMIVBMvrXFnfB4De7tKSnFD6lhT7Thb2SMIVBMvrXFnfB4De7tKSnFD6lhT7Thb2SMIVBMvrXFnfB4De7tKSnFD6lhT7Thb2SMIVBMvrXFnfB4De7tKSnFD6lhT7Thb2SMIVBMvrXFnfB4De7tKSnFD6lhT7Thb2SMIVBMvrXFnfB4De7tKSnFD6lU20HGnZaYdfVRmrFJuec0CmoVTJV1u.EQYfLsKfiJFxoKlrn32pg0sf6WVNfFYv5FsztADrJs50TKlNLFbQ_4OxKACmu3uM_plzUiYxKWjy1KDm21kw66sfOMvx1VYoissq0VUgjJdTf3saT31N._OfSs0rKVbjjQKwh89ajJdTf3saT31N._OfPs0zaADu41DR03oEjJdTf3saT31N._OfRWVfbJ9sZRDYT1sQjF5LgWbxX3uxj5mmkJkpzHToYslRhAl271WGSMuyhA0Nv.Dr9wkp0RCcPVsRUWKmeABNJ1oYftsx25CEyWbANMvtPwDyqRTyb1ZN0YOSmtsx25CEyWbANMvtPhsRf3D3eJBZzFv3yWbYAeurVACT9Il1ziDePQ92K1jm636x9VAAqjAESmCNuQoDOWkV0WsVCWtLaWkZ_JaE6dKmfHkVlWOFzcslTJsWuit96WkVhWOq0jOlyJkQTmkCBFVDADp7_95u51vwSOBVpxhlN8WtXZn83bGWmraVkrMv07dLx9HsVvl_tZ.cAw3OW9hrzCxVpPUzAGJhbXvPrJq7nHk75WuPzJqlTck3uJtl_Wu0TWsErbAWrJAWafQ4g3bWN3CNChIfaM12OQK0z5CyatKrXFP6_hCJ93czvQXLB36R0tCwXeceOwUE.3DkzhCpj31zGMX0BRDNfInf9evQ73CybtDIT3cSOMK9LRdR6hDJzFUqzdbwPtKYX3P65FCZNFbz0hImuQc2jQCQzZDrBtKzNM16aMK3NFC26hIraMn2Lwcf.5ol7M6xGtDBNRbQNFop.M4YN3UJOtCfL5ne7FbV.FKOehCTTJPzNQIGBMsmOtC2SjPezwKV.FK.BhCTjRPzNMXZBMKSBtC2S_1ezwb7.FUoZRcSj3D0LMBN4hDN23cfXeKl7FbyPtD4zR1ST8nz08HLBQDpSt6pbeceawKZ.woojh6rTwPz0RIZBQoYCInfSeCA7wKz9tooTFPSTQKWLQHr2hopCInfu5cenFcyTRKnTQKTu3czCRHgBQbrSt6RTdneuFPy0RbCTQDRehvpu3hYawCWXwoxbzUrywPyuMK8TwC2ORczaMXzSRKzCt6ry41e0QKA.Qvheh6RCQ1znQXgBwvTbt6JXdCV7QbTf3OiTwDTuhvrN3hY03UWXQopnzUzPFcydwDnT8CSChveLQXlB8oRXt6S7e1efwK9.wD6aQoANF6w2qRTQxDSbqT72SbLlKPROVaUDxCzoqkACq_l4qsVkJGArbAWmWuE6JkDQJOAaJsqlqtZ";
    if ($_ts.lcd) $_ts.lcd();</script>
    <script type="text/javascript" charset="utf-8" src="/w1VFctg7cGKR/qJBQVk3rgNxK.6dba97f.js" r='m'></script>
</head><!-- <script type="text/javascript" src="r/cms/jquery.js"></script>
<script type="text/javascript" src="r/cms/portal_wai/pc/js/jquery.SuperSlide.js"></script>
<script type="text/javascript" src="r/cms/jquery-3.6.1.js"></script>-->

<script type="text/javascript" src="r/cms/jquery-3.6.1.min.js"></script>
<script type="text/javascript" src="r/cms/jquery.scrollintoview.js"></script>
<script type="text/javascript" src="r/cms/portal_wai/pc/js/viewer-jquery.min.js"></script>
<script type="text/javascript" src="r/cms/jquery.cookie.js"></script>
<script type="text/javascript" src="r/cms/front.js"></script>
<script type="text/javascript" src="r/cms/portal_wai/pc/js/script.js"></script>
<script type="text/javascript" src="r/cms/portal_wai/pc/js/clamp.js"></script>

<script type="text/javascript" src="r/cms/portal_wai/pc/js/bootstrap.min.js"></script>
<!-- <script type="text/javascript" src="r/cms/portal_wai/pc/js/ABT.js" id="ABT"></script> -->
<script type="text/javascript" src="r/cms/portal_wai/pc/js/config.js"></script>
<script type="text/javascript" src="r/cms/portal_wai/pc/js/pinyin.js"></script>
<script type="text/javascript" src="r/cms/portal_wai/pc/js/print.js"></script>
<script type="text/javascript" src="r/cms/portal_wai/pc/js/swiper.min.js"></script>
<script type="text/javascript" src="r/cms/portal_wai/pc/js/common.js"></script>
<script type="text/javascript" src="r/cms/portal_wai/pc/plugins/laydate/laydate.js"></script>
<script type="text/javascript" src="r/cms/portal_wai/pc/js/index.js"></script>
<script type="text/javascript" src="r/cms/portal_wai/pc/js/textareaAutoHeight.js"></script>
<script type="text/javascript" src="r/cms/portal_wai/pc/plugins/toastr/toastr.js"></script>
<script type="text/javascript" src="r/cms/portal_wai/pc/js/vue.min.js"></script>
<script type="text/javascript" src="r/cms/portal_wai/pc/js/axios.min.js"></script>
<script type="text/javascript" src="r/cms/portal_wai/pc/js/vue-resource.min.js"></script>
<script type="text/javascript" src="r/cms/portal_wai/pc/js/http-utils.js"></script>

<script type="text/javascript" src="r/cms/portal_wai/pc/js/xcConfirm.js"></script>
<script type="text/javascript" src="r/cms/portal_wai/pc/js/qrcode.min.js"></script>

<link rel="stylesheet" type="text/css" href="r/cms/portal_wai/pc/v/validform.css"/>
<script type="text/javascript" src="r/cms/portal_wai/pc/js/webuploader.min.js"></script>
<script type="text/javascript" src="r/cms/portal_wai/pc/v/Validform_v5.3.2_min.js"></script>
<link rel="stylesheet" type="text/css" href="r/cms/portal_wai/pc/css/common.css"/>
<link rel="stylesheet" type="text/css" href="r/cms/portal_wai/pc/css/xcConfirm.css"/>
<link rel="stylesheet" type="text/css" href="r/cms/portal_wai/pc/css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="r/cms/portal_wai/pc/css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="r/cms/portal_wai/pc/css/font-awesome.css"/>
<link rel="stylesheet" type="text/css" href="r/cms/portal_wai/pc/css/skin.css"/>
<link rel="stylesheet" type="text/css" href="r/cms/portal_wai/pc/plugins/laydate/theme/default/laydate.css"/>
<link rel="stylesheet" type="text/css" href="r/cms/portal_wai/pc/plugins/toastr/toastr.css"/>
<link rel="stylesheet" type="text/css" href="r/cms/portal_wai/pc/css/viewer.min.css"/>
<link rel="stylesheet" type="text/css" href="css/ch.css"/>
<script type="text/javascript">
    function reboot() {
        if (window.document.referrer == "" || window.document.referrer == window.location.href) {
            window.location.href = "{dede:type}[field:typelink /]{/dede:type}";
        } else {
            window.location.href = window.document.referrer;
        }
    }

    function showIframe(link) {
        var txt = "您即将离开中华人民共和国深圳海事局门户网站";
        var option = {
            title: "提示",
            btn: parseInt("0011", 2),

            onOk: function () {
                window.location.href = link;
            }
        }
        window.wxc.xcConfirm(txt, "custom", option);


    }

    /**
     * 发送短信验证码
     */
    function sendValidateCode(obj) {
        var mobileReg = /^1[3|4|5|6|7|8|9][0-9]\d{8}$/
        var countdown = 60, timerTag;
        var mobile = $("#seqNo").val().trim();
        if (mobile != "") {
            var mobileResult = mobileReg.test(mobile);
            if (mobileResult) {
                $.post(
                    "/sendVerificationCode.jspx",
                    {
                        mobile: mobile
                    },
                    function (data) {
                        if (data.result != "1") {
                            alert(data.info);
                        } else {
                            setTime(obj, countdown, timerTag);
                        }
                    },
                    "json");
            } else {
                alert("请输入正确的手机号！");
            }
        } else {
            alert("手机号不能为空，请重新输入");
        }
    }

    /**
     * 短信验证码计数
     */
    function setTime(obj, countdown, timerTag) {
        if (countdown <= 0) {
            $(obj).removeAttr("disabled").css("background-color", "#0091E4");
            $("#sendSms").attr("onclick", "sendValidateCode(this)");
//        $(obj).html("重新发送");
            $("#sendSms").val("点击重新获取").removeAttr("disabled").removeClass(
                "disabled");
            countdown = 60;
            clearTimeout(timerTag);
        } else {
            $("#sendSms").attr("disabled", true);//点击了"发送"按钮后，点击失效。
            $("#sendSms").addClass("disabled");//置灰
//        $(obj).html("重新发送(" + countdown + ")");
            $("#sendSms").attr("value", "" + countdown + "秒后重新获取");
            countdown--;
            timerTag = setTimeout(function () {
                setTime(obj, countdown, timerTag);
            }, 1000);
        }
    }

    function func() {
        //获取被选中的option标签
        var vs = $('select  option:selected').val();
        if (vs == "seqNo") {
            $("#guestbookCaptcha").css("display", "block");
            $("#sendSms").css("display", "none");
        }
        if (vs == "phone") {
            $("#sendSms").css("display", "block");
            $("#guestbookCaptcha").css("display", "none");
        }
    }

    function shareXL() {
        var url = window.location.href;
        var title = $(document).attr("title");
        window.open('http://service.weibo.com/share/share.php?url=' + url
            + '&title=' + title + '&pic=&appkey=');
    }

    function shareWX() {
        //alert("ss");
        var w = document.body.clientWidth;
        $("#wx-dialog").css('right', w / 2);

        var url = window.location.href;

        qrcode.makeCode(url);
        $('#wx-dialog').show();

    }

    function shareQQ() {
        var url = window.location.href;
        var title = $(document).attr("title");
        window
            .open('https://connect.qq.com/widget/shareqq/index.html?url='
                + url + '&title=' + title + '&source=' + title
                + '&desc=&pics=');
    }


    $(function () {
        $("#share").hover(
            // hover
            function () {
                //$("#subitem").show();
                $("#subitem").show().delay(2000).fadeOut();
            });
        $('#wx-hide').click(function () {
            $('#wx-dialog').hide();
        });
        Cms.siteFlow("", location.href, document.referrer, "true");

    });
</script>

<!--[if lt IE 9]>
<script src="../js/html5shiv.min.js"></script>
<script src="../js/respond.min.js"></script>
<![endif]-->
<script>
    $(function () {
        var $nav_li = $(".header .nav li")
        $nav_li.removeClass('checked');
        $nav_li.each(function () {
            if ($(this).children('a').text().indexOf('特色专题') != -1) {
                $(this).addClass('checked');
            }
        });
    })
</script>

<script>
    // 等待页面加载完成
    document.addEventListener('DOMContentLoaded', function () {
        // 获取所有Tab按钮和Tab内容
        const tabButtons = document.getElementsByClassName('tab-btn');
        const tabPanes = document.getElementsByClassName('tab-pane');
        const moreLink = document.getElementById('moreLink');

        // 为每个Tab按钮添加鼠标悬停事件
        for (let i = 0; i < tabButtons.length; i++) {
            tabButtons[i].addEventListener('mouseenter', function () {
                // 获取当前Tab的标识
                const tabId = this.getAttribute('data-tab');
                // 获取该Tab对应的更多页面链接
                const moreUrl = this.getAttribute('data-more-url');

                // 移除所有Tab按钮的活跃状态
                for (let j = 0; j < tabButtons.length; j++) {
                    tabButtons[j].classList.remove('active');
                }

                // 为当前Tab按钮添加活跃状态
                this.classList.add('active');

                // 隐藏所有Tab内容
                for (let k = 0; k < tabPanes.length; k++) {
                    tabPanes[k].classList.remove('active');
                }

                // 显示当前Tab对应的内容
                document.getElementById(tabId).classList.add('active');

                // 更新更多链接
                if (moreUrl && moreLink) {
                    moreLink.href = moreUrl;
                    // 更新提示文本（实际项目中可以去掉这个提示）
                    console.log("sss::" + moreUrl)
                }
            });

        }

    });
</script>
<script>
    //
    $("#q").focus(function () {
        $(this).parent().children(".input_clear").show();
        $(this).parent().children(".input_clear").style.display = "block";
    });
    $("#q").blur(function () {
        if ($(this).val() == '') {
            $(this).parent().children(".input_clear").hide();
        }
    });
    $(".input_clear").click(function () {
        $(this).parent().find('#q').val('');
        $(this).hide();
    });
</script>

<style type="text/css">
    .head-title {
        color: white;
        font-size: 16px;
        background-color: #0864b6;
        border: 1px solid #DCDCDC;
        border-radius: 6px 6px 0px 0px;
        width: 100%;
        height: 45px;
        line-height: 45px;
        padding-left: 20px;
    }


    .head-title-more {
        float: right;
        height: 40px;
        background-color: #0078c1;
        font-size: 12px;
        padding: 0px 10px;
        margin-top: 1px;
    }

    .head-title-more > a {
        color: white;
    }

    .footer-con {
        top: 29px;
    }

    .tab-container {
        margin: 0 auto;
        background-color: white;
        border-radius: 8px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        overflow: hidden;
    }

    /* Tab导航样式 */
    .tab-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 1px solid #eee;
        border-bottom: 2px solid #0864b6;
    }

    .tab-nav {
        display: flex;
    }

    .tab-btn {
        padding: 15px 20px;
        background: none;
        border: none;
        cursor: pointer;
        font-size: 16px;
        font-weight: 500;
        color: #666;
        transition: all 0.3s ease;
    }

    .tab-btn:hover {
        background-color: #f0f0f0;
    }

    .tab-btn.active {
        color: #ffffff;
        background-color: #0864b6;
    }

    /* 更多链接样式 */
    .more-link {
        padding: 0 20px;
        color: #3498db;
        text-decoration: none;
        font-size: 14px;
        cursor: pointer;
        transition: color 0.3s ease;
        white-space: nowrap;
    }

    .more-link:hover {
        color: #2980b9;
        text-decoration: underline;
    }

    /* Tab内容样式 */
    .tab-content {
        min-height: 200px;
    }

    .tab-pane {
        display: none;
        animation: fadeIn 0.5s ease;
    }

    .tab-pane.active {
        display: block;
    }

    /* 简单的淡入动画 */
    @keyframes fadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }

    /* 响应式调整 */
    @media (max-width: 600px) {
        .tab-nav {
            flex-wrap: wrap;
        }

        .tab-btn {
            flex: 1 1 50%;
            text-align: center;
        }

        .more-link {
            padding: 0 10px;
            font-size: 13px;
        }
    }
</style>

<head>

    <title>游艇驾驶人员适任考试</title>

<body>
<header class="header rel" style="height: 200px;">
    <div class="top-info "
         style="line-height: 100px;width:100%; height:200px; background-image: url('newimages/header-bg.png');background-size:100% 100%;">
        <div class="nopadding">

        </div>
        <div class="header-right">

            <a style="position: absolute; top: -20px; right: 100px;" href="/index.jhtml" target="_blank">
                <img alt="" src=" r/cms/portal_wai/pc/img/tszt_logo_sz.png"
                     data-extentions-extra-ocr-id="279eac027450303649b79a58de86a81f">
            </a>

            <form action="/search.jspx" target="_blank" name="searchForm" id="searchForm">
                <input type="text" name="q" value="" class="form-control"
                       style="position: absolute; top: 80px; right: 120px;" placeholder="" id="q">
                <!-- 上面是取消热搜词"siteId='0'",原本"siteId='1'",怕以后要加上，所以没删除 -->
                <input type="hidden" name="token" id="token" value="">
                <div style="position:absolute;right:150px;top:80px;cursor:pointer;display:none;" class="input_clear">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        ×
                    </button>
                </div>
                <button type="button" class="btn btn-default" onclick="query()"
                        style="position: absolute; top: 80px; right: 80px; background-color: #FF943D; border-color: #FF943D;">
                    <div class=" box-list">
                        <img alt="" src="r/cms/portal_wai/pc/img/search_nor.png"
                             data-extentions-extra-ocr-id="d34511a355be28cb503b8d129a284e5f">
                    </div>
                </button>
            </form>
        </div>
    </div>

</header>
<section style="margin-top: 200px;">
    <div class="container clearfix">
        <link href="r/cms/portal_wai/pc/css/font-awesome.min.css" rel="stylesheet">
        <div id="show-right-menu">
            <div class="hand">
                <img src="r/cms/portal_wai/pc/img/home_icon_shoushi.png">
            </div>
            <div id="right-menu">
                <a class="right-menu-list box-list2" href="/guestbook.jspx?ctgId=4">
                    <div style="text-align: center;">
                        <i class="fa fa-headphones"></i>
                    </div>
                    <span>我要咨询</span>
                </a>
                <a class="right-menu-list box-list2" href="/zcfg/index.jhtml">
                    <div style="text-align: center;">
                        <i class="fa fa-balance-scale"></i>
                    </div>
                    <span>政策法规</span>
                </a>
                <a class="right-menu-list box-list2" href="/zwfw/index.jhtml">
                    <div style="text-align: center;">
                        <i class="fa fa-desktop"></i>
                    </div>
                    <span>在线办事</span>
                </a>
                <a class="right-menu-list box-list2" href="/guestbook.jspx?ctgId=2">
                    <div style="text-align: center;">
                        <i class="fa fa-legal"></i>
                    </div>
                    <span>投诉举报</span>
                </a>
                <a class="right-menu-list box-list2" href="/lxfs/index.jhtml">
                    <div style="text-align: center;">
                        <img src="r/cms/portal_wai/pc/img/lxfs.png" style="width:20px">
                    </div>
                    <span>联系方式</span>
                </a>
                <div class="right-menu-list box-list2">
                    <div style="text-align: center;">
                        <i class="fa fa-share-alt"></i>
                    </div>
                    <span>分享</span>
                    <div class="subitem" style="height: 113px; right: 80px; width: 100px;">
                        <a id="wx-share" class="box-list" style="border-bottom: 1px solid #DCDCDC;">
                            <img src="r/cms/portal_wai/pc/img/home_icon_wx_nor.png">
                            <span>微信</span>
                        </a>
                        <!-- <a class="box-list" href="/utilPage.jspx" style="border-bottom: 1px solid;"> 
                            <img src="r/cms/portal_wai/pc/img/home_icon_txwb_nor.png"> 
                            <span>腾讯微博</span>
                        </a> -->
                        <a id="xl-share" class="box-list" style="border-bottom: 1px solid #DCDCDC;">
                            <img src="r/cms/portal_wai/pc/img/home_icon_xlwb_nor.png">
                            <span>新浪微博</span>
                        </a>
                        <a id="qq-share" class="box-list" style="border-bottom: 1px solid #DCDCDC;">
                            <img src="r/cms/portal_wai/pc/img/home_icon_qq_nor.png">
                            <span>QQ好友</span>
                        </a>
                    </div>
                </div>
                <div class="right-menu-list box-list2" href="">
                    <div style="text-align: center;">
                        <i class="fa fa-weixin"></i>
                    </div>
                    <span>微信</span>
                    <div class="subitem" style="height: 10px; right: 80px; width: 100px;">
                        <!-- <a class="box-list" href="/utilPage.jspx" style="border-bottom: 1px solid;"> 
                            <img src="r/cms/portal_wai/pc/img/home_icon_WeChat_nor.png"> 
                            <span>微信</span>
                        </a> -->
                        <img src="r/cms/portal_wai/pc/img/szhs.jpg" style="width:100px">

                    </div>
                </div>
                <div class="right-menu-list box-list2" href="">
                    <div style="text-align: center;">
                        <i class="fa fa-weibo"></i>
                    </div>
                    <span>微博</span>
                    <div class="subitem" style="height: 10px; right: 80px; width: 100px;">
                        <!-- http://weibo.com/u/2706396141 -->
                        <img src="r/cms/portal_wai/pc/img/VTS-microblog.png" style="width:100px">

                    </div>
                </div>

            </div>
        </div>

        <div id="wx-dialog"
             style="position: absolute; padding: 10px; background: #fff; border: solid 1px #d8d8d8; z-index: 11001; font-size: 12px; right: 340px; top: 53px; width: 240px; height: 280px;">
            <div style="font-size: 12px; font-weight: bold; text-align: left; line-height: 16px; height: 16px; position: relative; color: #000">
                <span>分享到微信朋友圈</span>
                <a id="wx-hide" href="#" onclick="return false;"
                   style="width: 16px; height: 16px; position: absolute;right: 0; top: 0; color: #999; text-decoration: none; font-size: 16px;">×</a>
            </div>
            <div id="code" style="margin: 10px 0px 10px 10px;">

            </div>
            <div style="font-size: 12px; text-align: left; color: #666;">
                打开微信，点击底部的“发现”， 使用“扫一扫”即可将网页分享至朋友圈。
            </div>
        </div>
        <script type="text/javascript" src="r/cms/portal_wai/pc/js/jquery.qrcode.min.js"></script>
        <script type="text/javascript">
            $('#wx-dialog').hide();
            var qrcode = new QRCode(document.getElementById("code"), {
                width: 200,
                height: 200
            });
            $(function () {
                $('#wx-share').click(function () {
                    var w = document.body.clientWidth;
                    $("#wx-dialog").css('right', w / 2);

                    var url = window.location.href;

                    qrcode.makeCode(url);

                    $('#wx-dialog').show();
                });
                $('#wx-hide').click(function () {
                    $('#wx-dialog').hide();
                });

                $('#xl-share').click(function () {
                    var url = window.location.href;
                    var title = $(document).attr("title");
                    window.open('http://service.weibo.com/share/share.php?url=' + url + '&title=' + title + '&pic=&appkey=');
                });

                $('#qq-share').click(function () {
                    var url = window.location.href;
                    var title = $(document).attr("title");
                    window.open('https://connect.qq.com/widget/shareqq/index.html?url=' + url + '&title=' + title + '&source=' + title + '&desc=&pics=');
                });
            })
        </script>

        <div style="padding-top: 20px">
            <!-- 业务简介 -->
            <div class="card">
                <div class="card-body">
                    <h3 class="card-title">
                        <i class="glyphicon glyphicon-info-sign" style="margin-right: 8px;"></i>
                        业务简介
                    </h3>
                    <div class="business-intro">
                        <p>为船舶营运人提供残骸清除责任保险或其他财务保证证书的申请、审核及签发服务</p>
                        <div class="intro-description">
                            确保海上作业活动符合《2007年国际船舶残骸清除公约》及相关法律法规要求，
                            保障海洋环境安全和航道畅通。
                        </div>
                    </div>
                </div>
            </div>

            <!-- 办理流程 -->
            <div class="card">
                <div class="card-body">
                    <h3 class="card-title">
                        <i class="glyphicon glyphicon-list-alt" style="margin-right: 8px;"></i>
                        办理流程
                    </h3>
                    <div class="process-area">
                        <div>
                            <i class="glyphicon glyphicon-road" style="font-size: 24px; margin-bottom: 10px;"></i>
                            <div>流程图展示区域</div>
                            <small style="opacity: 0.8;">申请 → 审核 → 签发 → 公示</small>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 服务入口 -->
            <div class="card">
                <div class="card-body">
                    <h3 class="card-title">
                        <i class="glyphicon glyphicon-cog" style="margin-right: 8px;"></i>
                        服务入口
                    </h3>
                    <div class="button-group">
                        <button class="btn action-btn">
                            <i class="glyphicon glyphicon-book" style="margin-right: 5px;"></i>
                            办事指南
                        </button>
                        <button class="btn action-btn">
                            <i class="glyphicon glyphicon-edit" style="margin-right: 5px;"></i>
                            在线办理
                        </button>
                        <button class="btn action-btn">
                            <i class="glyphicon glyphicon-comment" style="margin-right: 5px;"></i>
                            我要咨询
                        </button>
                    </div>
                </div>
            </div>

            <!-- 结果公示 -->
            <div class="card">
                <div class="card-body">
                    <h3 class="card-title">
                        <i class="glyphicon glyphicon-list" style="margin-right: 8px;"></i>
                        结果公示
                        <small style="color: #78909c; font-weight: normal; margin-left: 10px;">（对接OA系统）</small>
                    </h3>

                    <div class="results-table">
                        <div class="table-responsive">
                            <table class="table table-modern">
                                <thead>
                                <tr>
                                    <th>申请编号</th>
                                    <th>船舶名称</th>
                                    <th>申请单位</th>
                                    <th>保险金额</th>
                                    <th>申请日期</th>
                                    <th>状态</th>
                                    <th>有效期至</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td><strong>WR240901</strong></td>
                                    <td>海洋之星</td>
                                    <td>中海航运</td>
                                    <td>¥500万</td>
                                    <td>2024-09-15</td>
                                    <td><span class="status-badge status-approved">已批准</span></td>
                                    <td>2025-09-14</td>
                                    <td>
                                        <button class="btn btn-primary btn-action">查看</button>
                                        <button class="btn btn-success btn-action">下载</button>
                                    </td>
                                </tr>
                                <tr>
                                    <td><strong>WR240902</strong></td>
                                    <td>蓝海号</td>
                                    <td>东方船务</td>
                                    <td>¥800万</td>
                                    <td>2024-09-20</td>
                                    <td><span class="status-badge status-pending">审核中</span></td>
                                    <td>-</td>
                                    <td>
                                        <button class="btn btn-info btn-action">查看</button>
                                        <button class="btn btn-warning btn-action">跟踪</button>
                                    </td>
                                </tr>
                                <tr>
                                    <td><strong>WR240903</strong></td>
                                    <td>远航者</td>
                                    <td>华昌海运</td>
                                    <td>¥600万</td>
                                    <td>2024-09-18</td>
                                    <td><span class="status-badge status-approved">已批准</span></td>
                                    <td>2025-09-17</td>
                                    <td>
                                        <button class="btn btn-primary btn-action">查看</button>
                                        <button class="btn btn-success btn-action">下载</button>
                                    </td>
                                </tr>
                                <tr>
                                    <td><strong>WR240904</strong></td>
                                    <td>金山轮</td>
                                    <td>海通航运</td>
                                    <td>¥400万</td>
                                    <td>2024-09-12</td>
                                    <td><span class="status-badge status-rejected">需补充</span></td>
                                    <td>-</td>
                                    <td>
                                        <button class="btn btn-primary btn-action">查看</button>
                                        <button class="btn btn-info btn-action">补充</button>
                                    </td>
                                </tr>
                                <tr>
                                    <td><strong>WR240905</strong></td>
                                    <td>新世纪号</td>
                                    <td>盛泰船舶</td>
                                    <td>¥750万</td>
                                    <td>2024-09-22</td>
                                    <td><span class="status-badge status-pending">初审中</span></td>
                                    <td>-</td>
                                    <td>
                                        <button class="btn btn-info btn-action">查看</button>
                                        <button class="btn btn-warning btn-action">跟踪</button>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>

                        <!-- 分页 -->
                        <div class="pagination-wrapper">
                            <nav aria-label="分页导航">
                                <ul class="pagination pagination-sm">
                                    <li class="disabled">
                                        <span>&laquo;</span>
                                    </li>
                                    <li class="active"><span>1</span></li>
                                    <li><a href="#">2</a></li>
                                    <li><a href="#">3</a></li>
                                    <li>
                                        <a href="#">&raquo;</a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<footer class="footer">
    <div class="common_footer clearfix container" style="padding: 0 0">
        <div class="title col-sm-1 link-list-title" style="text-align:left;padding-left:0;font-weight: bold;
font-size: 18px;
color: #333333;">
            友情链接:
        </div>
        <div class="col-sm-11 concent4">
            <table style="width: 100%;">
                <tr>
                    <td style="width: 25%; padding: 0px 20px;border:0px;">
                        <div class="links-list-wrap input1">
                            <div class="links-list2" style="display: inline-block; text-align: center">
                                <a style="font-size: 14px;color: #000000;" href="https://www.mot.gov.cn">交通运输部</a>
                            </div>
                        </div>
                    </td>
                    <td style="width: 25%; padding: 0px 20px;border:0px;">
                        <div class="links-list-wrap input1">
                            <div class="links-list2" style="display: inline-block; text-align: center">
                                <a style="font-size: 14px;color: #000000;"
                                   href="https://www.msa.gov.cn">交通运输部海事局</a>
                            </div>
                        </div>
                    </td>
                    <td style="width: 25%; padding: 0px 20px;border:0px;">
                        <div class="links-list-wrap input1"
                             data-type="海事网站">
                            <div class="links-list" style="text-align: center">
                                <span style="font-size: 14px;">海事系统网站</span> <img
                                    src="r/cms/portal_wai/pc/img/icon_xiala.png"/>
                            </div>
                            <div class="footer-con hidden" data-type="海事网站">
                                <a href="https://www.sh.msa.gov.cn">上海海事局</a>
                                <a href="https://tj.msa.gov.cn/">天津海事局</a>
                                <a href="https://www.ln.msa.gov.cn/">辽宁海事局</a>
                                <a href="https://www.hb.msa.gov.cn/html/index.html">河北海事局</a>
                                <a href="http://www.sd.msa.gov.cn/">山东海事局</a>
                                <a href="http://www.fj.msa.gov.cn/">福建海事局</a>
                                <a href="http://www.lyg.msa.gov.cn/">连云港海事局</a>
                                <a href="https://gd.msa.gov.cn/">广东海事局</a>
                                <a href="http://www.gx.msa.gov.cn/">广西海事局</a>
                                <a href="http://www.hn.msa.gov.cn/">海南海事局</a>
                                <a href="https://cj.msa.gov.cn/">长江海事局</a>
                                <a href="https://hlj.msa.gov.cn/">黑龙江海事局</a>
                                <a href="https://www.js.msa.gov.cn//">江苏海事局</a>
                                <a href="http://www.zj.msa.gov.cn/">浙江海事局</a>

                            </div>
                        </div>
                    </td>
                    <td style="width: 25%; padding: 0px 20px;border:0px;">
                        <div class="links-list-wrap input1"
                             data-type="分支机构">
                            <div class="links-list" style="text-align: center">
                                <span style="font-size: 14px;">分支机构</span> <img
                                    src="r/cms/portal_wai/pc/img/icon_xiala.png"/>
                            </div>
                            <div class="footer-con hidden" data-type="分支机构">
                                <a href="https://www.sz.msa.gov.cn/bjjj/408.jhtml" target="_blank">蛇口海事局</a>
                                <a href="https://www.sz.msa.gov.cn/bjjj/411.jhtml" target="_blank">南山海事局</a>
                                <a href="https://www.sz.msa.gov.cn/bjjj/49315.jhtml" target="_blank">宝安海事局</a>
                                <a href="https://www.sz.msa.gov.cn/bjjj/49314.jhtml" target="_blank">盐田海事局</a>
                                <a href="https://www.sz.msa.gov.cn/bjjj/409.jhtml" target="_blank">大铲海事局</a>
                                <a href="https://www.sz.msa.gov.cn/bjjj/407.jhtml" target="_blank">大亚湾海事局</a>

                            </div>
                        </div>
                    </td>
                </tr>
            </table>
            <!-- 
            <div class="links-list-wrap input1  col-sm-3">
                <div class="links-list2" style="display: inline-block; text-align: center">
                    <a style="font-size: 14px;color: #000000;" href="http://www.mot.gov.cn">交通运输部</a>
                </div>
            </div>
            <div class="links-list-wrap input1  col-sm-3">
                <div class="links-list2" style="display: inline-block; text-align: center">
                    <a style="font-size: 14px;color: #000000;" href="https://www.msa.gov.cn">交通运输部海事局</a>
                </div>
            </div>
            
            <div class="links-list-wrap input1  col-sm-3"
                data-type="海事网站">
                <div class="links-list" style="text-align: center">
                    <span style="font-size: 14px;">海事系统网站</span> <img src="r/cms/portal_wai/pc/img/icon_xiala.png" />
                </div>
                 <div class="footer-con hidden" data-type="海事网站">
                                    <a href="https://www.sh.msa.gov.cn">上海海事局</a>
                                    <a href="https://tj.msa.gov.cn/">天津海事局</a>
                                    <a href="https://www.ln.msa.gov.cn/">辽宁海事局</a>
                                    <a href="https://www.hb.msa.gov.cn/html/index.html">河北海事局</a>
                                    <a href="http://www.sd.msa.gov.cn/">山东海事局</a>
                                    <a href="http://www.fj.msa.gov.cn/">福建海事局</a>
                                    <a href="http://www.lyg.msa.gov.cn/">连云港海事局</a>
                                    <a href="https://gd.msa.gov.cn/">广东海事局</a>
                                    <a href="http://www.gx.msa.gov.cn/">广西海事局</a>
                                    <a href="http://www.hn.msa.gov.cn/">海南海事局</a>
                                    <a href="https://cj.msa.gov.cn/">长江海事局</a>
                                    <a href="https://hlj.msa.gov.cn/">黑龙江海事局</a>
                                    <a href="https://www.js.msa.gov.cn//">江苏海事局</a>
                                    <a href="http://www.zj.msa.gov.cn/">浙江海事局</a>
                
                </div>
            </div>
            <div class="links-list-wrap input1  col-sm-3"
                data-type="分支机构">
                <div class="links-list" style="text-align: center">
                    <span style="font-size: 14px;">分支机构</span> <img src="r/cms/portal_wai/pc/img/icon_xiala.png" />
                </div>
                 <div class="footer-con hidden" data-type="分支机构">
                                    <a href="https://www.sz.msa.gov.cn/bjjj/407.jhtml" target="_blank">大亚湾海事局</a>
                                    <a href="https://www.sz.msa.gov.cn/bjjj/408.jhtml" target="_blank">蛇口海事局</a>
                                    <a href="https://www.sz.msa.gov.cn/bjjj/409.jhtml" target="_blank">大铲海事局</a>
                                    <a href="https://www.sz.msa.gov.cn/bjjj/411.jhtml" target="_blank">南山海事局</a>
                                    <a href="https://www.sz.msa.gov.cn/bjjj/49314.jhtml" target="_blank">盐田海事局</a>
                                    <a href="https://www.sz.msa.gov.cn/bjjj/49315.jhtml" target="_blank">宝安海事局</a>
                
                </div>
            </div>
             -->

        </div>
    </div>

    <script type="text/javascript">
        $(function () {
            $('a').click(function () {
                var href = $(this).attr("href");
// 			var target=$(this).attr("target");
                return toOuturl(href);
            })
        })


    </script>
    <!-- <div class="footerBut">
        <a class="right-text jf-btn" name="gb2big5" id="gb2big5" href="javascript:StranBody()" title="點擊以繁體中文方式浏覽">繁</a>|
            <a class="right-text" href="/wzdt/index.jhtml" target="_blank">网站地图</a> |
        <a title="盲人朋友在线浏览按住shift+1键" onmousedown="ShowDetail()" class="right-text">无障碍浏览</a> |
            <a href="javascript:mobileCheck()" class="right-text">我的订阅</a> 
    
        <script type="text/javascript" src="r/cms/gb2big5.js"></script>
        <span class="right-text" id="showtime"></span>
    </div> -->
    <div class="copyright container" style="display: flex; justify-content: space-between; flex-wrap: wrap;">

        <a target='_blank' href="http://bszs.conac.cn/sitename?method=show&id=7D6B7A8BBE630CE6E05310291AAC980A">
            <img style="height: 64px;" src="r/cms/portal_wai/pc/img/home%20foot_pic_1.png" alt="">
        </a>
        <p style="width: 800px;height: 60px;line-height: 20px;font-family: SourceHanSansCN-Regular;font-size: 12px; color: #666666;text-align: left;line-height: 20px;">
            <a href="https://www.beianx.cn/info/363815986741317">粤ICP备18100714号-2</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44030402003029">粤公网安备
                44030402003029号</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;政府网站标识码:BM19140002&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            主办单位：中华人民共和国深圳海事局办公室<br/>
            Copyright@中华人民共和国深圳海事局版权所有 2006 All Rights Reserved&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            24小时值班电话:0755-83797011&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="right-text"
                                                                               href="/wzdt/index.jhtml" target="_blank">网站地图</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
                class="right-text" href="/lxfs/index.jhtml" target="_blank">联系方式</a><br/>
            水上求救电话：12395&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            传真:0755-83797076 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 举报电话：0755-83797036 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            地址: 深圳市福田区滨河大道2031号海安中心大厦</p>
        <!-- <img style="width: 129px; height: 55px; margin-top: 2.5px;" src="r/cms/portal_wai/pc/img/foot_icon_jiancha.png" alt="">  -->
        <a href="javascript:;" onclick="aria.start()">
            <img style="width: 128px;height: 64px;margin-top: 2.5px;object-fit: cover;"
                 src="r/cms/portal_wai/pc/img/wuzhangai_1.png" alt="image">
        </a>

        <script id="_jiucuo_" sitecode='bm19140002' src='https://zfwzgl.www.gov.cn/exposure/jiucuo.js'></script>

    </div>
    <div style="text-align: center;" id="toMobile">
        <p><a onclick="moblieOrPc();">切换到手机版</a></p>
    </div>
</footer>

<script defer async type="text/javascript" src="//gov.govwza.cn/dist/aria.js?appid=b83bff872a91ba02fcab62664a15738e"
        charset="utf-8" id="ariascripts"></script>

<script type="text/javascript">
    $(function () {
        var ua = navigator.userAgent;

        if (ua.toLowerCase().indexOf('mobile') == -1) {
            $('#toMobile').hide();
        }
    })

    function moblieOrPc() {
        $.ajax({
            url: "/moblieOrPc.jspx",
            success: function () {
                history.go(0);
            }
        });
    }
</script>
<div style="display:none"><a href="/btatw23_atbp/bt"/></div>
</body>
</html>
